﻿	<!-- BEGIN PAGE TITLE/BREADCRUMB -->

<!-- <div class="parallax colored-bg pattern-bg" data-stellar-background-ratio="0.5">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <h1 class="page-title">Contact Us</h1>

                <ul class="breadcrumb">
                    <li><a href="index.html">Home </a></li>
                    <li><a href="contacts.html">Contacts</a></li>
                </ul>
            </div>
        </div>
    </div>
</div> -->
<!-- END PAGE TITLE/BREADCRUMB -->
<!-- BEGIN CONTENT WRAPPER -->
<!-- BEGIN PROPERTY TYPE BUTTONS -->
<div class="parallax colored-bg pattern-bg" data-stellar-background-ratio="0.5" style="z-index:1000">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <h1 class="section-title" data-animation-direction="from-bottom" data-animation-delay="50">What are you looking for?</h1>

                <ul class="property-large-buttons2 clearfix">

                    <li>

                        <i class="fa fa-home"></i><br>
                        <h4>List Property</h4>
                        <h6 style="color:white">(I WANT TO SELL AND RENT OUT)</h6>
                        <a href="/salelet" class="btn btn-default">Submit</a>

                    </li>
                    <li>
                        <i class="fa fa-tags"></i><br>
                        <h4>Find Property</h4>
                        <h6 style="color:white">(I WANT TO BUY AND RENT)</h6>
                        <a href="/buyrent" class="btn btn-default">Submit</a>
                    </li>
                    <li>
                        <i class="fa fa-leaf"></i><br>
                        <h4>JOIN our Team</h4>
                        <h6 style="color:white">(Be part of us, Be ShiJiean)</h6>
                        <a href="/jointeam" class="btn btn-default">Send Us</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!-- END PROPERTY TYPE BUTTONS -->

<div class="content contacts">
    <div id="contacts_map" map-lazy-load="https://maps.google.com/maps/api/js"
         map-lazy-load-params="{{googleMapsUrl}}">
        <ng-map options="{{options}}" style="height:100%;" center="5.383791, 100.400834" zoom="12">
            <marker icon="{{customIcon}}" position="{{ longitude }}, {{ latitude }}"></marker>
        </ng-map>
    </div>


    <div class="container">
        <div class="row">
            <div id="contacts-overlay" style="bottom:8%!important" class="col-sm-7">
                <i id="contacts-overlay-close" class="fa fa-minus"></i>

                <ul class="col-sm-6">
                    <li><i class="fa fa-map-marker"></i><a target="_blank" href="https://maps.google.com/?q={{ address }}">{{ address }}</a></li>
                    <li><i class="fa fa-envelope"></i> <a href="mailto:{{email}}">{{ email }}</a></li>
                </ul>

                <ul class="col-sm-6">
                    <!--<li><i class="fa fa-phone"></i> Tel.: <a href="tel:+6{{ company_contact }}">{{ company_contact }}</a></li>-->
                    <li><i class="fa fa-phone"></i><a href="tel:+6{{ mobile_contact }}">Mobile: {{ mobile_contact }}</a></li>
                </ul>
            </div>

            <!-- BEGIN MAIN CONTENT -->
            <div class="main col-sm-4 col-sm-offset-8">
                <h2 class="section-title">Contact Form</h2>
                <p class="col-sm-12 center">If you have any questions regarding to Shi Jie Property, feel free to contact us.</a></p>

                <form ng-submit="sendMessage()">
                    <div class="col-sm-12">
                        <input ng-model="contact_name" type="text" name="Name" placeholder="Name" class="form-control required fromName" />

                        <input ng-model="contact_email" type="email" name="Email" placeholder="Email" class="form-control required fromEmail" />

                        <input ng-model="subject" type="text" name="Subject" placeholder="Subject" class="form-control required subject" />
                        <textarea ng-model="message" name="Message" placeholder="Message" class="form-control required"></textarea>
                    </div>

                    <div class="center">
                        <button type="submit" class="btn btn-default-color btn-lg submit_form"><i class="fa fa-envelope"></i> Send Message</button>
                    </div>
                </form>
            </div>
            <!-- END MAIN CONTENT -->
        </div>

      
    </div>

    
</div>
<!-- END CONTENT WRAPPER -->
